<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
		<title><%= page_title controller.controller_name, controller.action_name %></title>

		<%= javascript_include_tag :defaults,'scriptaculous.js', 'modalbox.js','redbox.js', 'autocompleter_advanced.js','tooltips.js', 'savage-beast/application.js' -%>

		<%= stylesheet_link_tag 'main_layout_extras', 'reset-fonts-grids', 'base-min', 'my_exp', 'gadgets', 'acts_as_taggable_stylesheet', 'styles', 'fast_auto_complete', 'modalbox', 'redbox', 'autocompleter_advanced', 'savage_beast/forums', 'spiffy_corners', 'widget_tab_nav', :cache=>'css_cached' -%>

		<script type="text/javascript">
        	function show_ajax_loader(element) {
          		$(element).innerHTML=<%= "'"+image_tag("ajax-loader.gif")+"'" -%> ;
        	}
      	</script>
	</head>

    <body style="background-color:#EFDED2;">
		<div id="doc4" class="yui-t2">
			<div style="margin-bottom: 1em;">
		    	<%= render :partial=>"layouts/main_header" %>
			</div>
			<div id="bd" style="margin-top:0;-moz-border-radius:6px; -moz-box-shadow: 1px 1px 3px #777777; border: 1px solid #C0C4C6; color: #000000; padding: 10px; padding-bottom: 0; background-image:url(/images/roundbox_gradient.gif);">
        		<div id="yui-main">
					<div style="position: absolute; top:250px; left:550px;display: none;z-index:1000;"  id="spinner">
	              Working....<%= image_tag method_to_icon_filename("large-spinner"), :alt=>"working...", :title=>"working...", :style => "vertical-align: middle;",:height => '64', :width => '64' -%>
				</div>
          		<div style="min-height:40em;min-width:70em;">
<%# applying styling to error / notice messages -%>
          			<% if flash[:error] %>
            			<div id="error_flash" class="box_standout" style="color: red; font-weight: bold; margin: 0.8em 0.8em; line-height: 1.4;">
              				<%= link_to_function image_tag("close.gif", :style => "float: right;"), visual_effect(:toggle_slide, "error_flash", :duration => 0.3) %>
              				<%= white_list flash[:error] %>
            			</div>
          			<% end %>
          			<% if flash[:notice] %>
            			<div id="notice_flash" class="box_standout" style="color: green; font-weight: bold; margin: 0.8em 0.8em; line-height: 1.4;">
              				<%= link_to_function image_tag("close.gif", :style => "float: right;"), visual_effect(:toggle_slide, "notice_flash", :duration => 0.3) %>
              				<%= white_list flash[:notice] %>
            			</div>
          			<% end %>
					<%# main content part of every page -%>
					<%= yield :layout %>
        		</div>
        	</div>
		<!-- </div> -->
		<div id="ft" style="margin-top:1em; margin-bottom: 0;">
			<%= render :partial=>"layouts/footer" %>
		</div>
	</div>
	<script type="text/javascript"> 
	 //based on http://www.barelyfitz.com/projects/tabber/example-cookies.html
	/* Optional: Temporarily hide the "tabber" class so it does not "flash"
	   on the page as plain HTML. After tabber runs, the class is changed
	   to "tabberlive" and it will appear. */

	document.write('<style type="text/css">.tabber{display:none;}<\/style>');

	/*==================================================
	  Set the tabber options (must do this before including tabber.js)
	  ==================================================*/
	var tabberOptions = {

	  'cookie':"tabber", /* Name to use for the cookie */

	  'onLoad': function(argsObj)
	  {
	    var t = argsObj.tabber;
	    var i;

	    /* Optional: Add the id of the tabber to the cookie name to allow
	       for multiple tabber interfaces on the site.  If you have
	       multiple tabber interfaces (even on different pages) I suggest
	       setting a unique id on each one, to avoid having the cookie set
	       the wrong tab.
	    */
	    if (t.id) {
	      t.cookie = t.id + t.cookie;
	    }

	    /* If a cookie was previously set, restore the active tab */
	    i = parseInt(getCookie(t.cookie));
	    if (isNaN(i)) { return; }
	    t.tabShow(i);
	    // alert('getCookie(' + t.cookie + ') = ' + i);
	  },

	  'onClick':function(argsObj)
	  {
	    var c = argsObj.tabber.cookie;
	    var i = argsObj.index;
	    // alert('setCookie(' + c + ',' + i + ')');
	    setCookie(c, i);
	  }
	};

	/*==================================================
	  Cookie functions
	  ==================================================*/
	function setCookie(name, value, expires, path, domain, secure) {
	    document.cookie= name + "=" + escape(value) +
	        ((expires) ? "; expires=" + expires.toGMTString() : "") +
	        ((path) ? "; path=" + path : "") +
	        ((domain) ? "; domain=" + domain : "") +
	        ((secure) ? "; secure" : "");
	}

	function getCookie(name) {
	    var dc = document.cookie;
	    var prefix = name + "=";
	    var begin = dc.indexOf("; " + prefix);
	    if (begin == -1) {
	        begin = dc.indexOf(prefix);
	        if (begin != 0) return null;
	    } else {
	        begin += 2;
	    }
	    var end = document.cookie.indexOf(";", begin);
	    if (end == -1) {
	        end = dc.length;
	    }
	    return unescape(dc.substring(begin + prefix.length, end));
	}
	function deleteCookie(name, path, domain) {
	    if (getCookie(name)) {
	        document.cookie = name + "=" +
	            ((path) ? "; path=" + path : "") +
	            ((domain) ? "; domain=" + domain : "") +
	            "; expires=Thu, 01-Jan-70 00:00:01 GMT";
	    }
	}

	</script> 

	<%# NB! These javascript include should be here - otherwise folds / tabs will not be displayed on any pages. -%>
	<%= javascript_include_tag "folds.js" %>
	    <%#= javascript_include_tag "tabber-minimized.js" %>
		<%= javascript_include_tag "tabber-new.js" %>
	</body>
</html>